﻿.progressBar {
            font-size:14px;
            width: 100px;
            height: 14px;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
            display: inline-block;
            
            /*margin-right:15px;*/

        }

            .progressBar div {
                height: 100%;
                color: #fff;
                text-align: center;
                line-height: 10px; /* same as #progressBar height if we want text middle aligned */
                width: 0;
                vertical-align: top;
                background-color: #479266;
                border-radius: 3px;
            }

        .statusbar {
            font-size:13px;
            border-bottom: 1px solid #fff;
            border-bottom-left-radius: 5px;
            min-height: 14px;
            width: 490px;
            padding: 5px 5px 0px 5px;
        }

            .statusbar:nth-child(odd) {
                background: #fff;
            }

        .filename {
            display: inline-block;
            width: 265px;
            text-overflow:clip;
            overflow-x:hidden;
        }

        .filesize {
            display: inline-block;
            vertical-align: top;
            color: #30693D;
            width: 70px;
            margin-left: 5px;
            margin-right: 5px;
            text-overflow:clip;
            overflow-x:hidden;
        }

        .abort {
            margin-left:2px;
            text-align:center;
            padding-bottom:2px;
            border-radius:5px;
            cursor:pointer;
            color:#fff;
            display:inline-block;
            vertical-align:middle;
            background-color: #ff0000;
            width:40px;
            height:16px;
            float:right;
        }